import React from 'react'
import { useLocation } from 'react-router-dom'
import { NavBar, Space, Toast } from 'antd-mobile'
import { Tabs } from 'antd-mobile'
function Detail() {
let location=useLocation()
const item=location.state
  return (
    <div>
  <NavBar >餐厅详情</NavBar>
  {/* 这是详情渲染页 */}
      <img src={item.url} alt="" style={{width:'100%'}} />
<h4>{item.name}</h4>
<p>{item.title}</p>
<div>
<Tabs>
          <Tabs.Tab title='概览' key='fruits'>
            菠萝
          </Tabs.Tab>
          <Tabs.Tab title='推荐菜' key='vegetables'>
            西红柿
          </Tabs.Tab>
          <Tabs.Tab title='评价' key='animals'>
            蚂蚁
          </Tabs.Tab>
          <Tabs.Tab title='更多' key='animals'>
            蚂蚁
          </Tabs.Tab>
        </Tabs>
</div>
    </div>
  )
}

export default Detail